<menu>
    <ul>
        <li><a href="#"><img src="images/menu%20lateral/1.png"/>Configuración de Usuario</a></li>
        <li><a href="#"><img src="images/menu%20lateral/2.png"/>Alerta de Siniestro</a></li>
        <li><a href="#"><img src="images/menu%20lateral/3.png"/>Talleres / Agencias</a></li>
        <li><a href="#"><img src="images/menu%20lateral/4.png"/>Encuesta de Servicio</a></li>
        <li><a href="#"><img src="images/menu%20lateral/5.png"/>Consulta de Poliza</a></li>
        <li><a href="#"><img src="images/menu%20lateral/6.png"/>Alertas</a></li>
    </ul>
</menu>

<script type="text/javascript">
// MENU
    function swMenu(elem) {
        var rel = $(elem).attr('rel');
        console.log(rel);
        if (rel !== 'abierto') {
            $(elem).attr('rel', 'abierto');
            $('#mainContent').animate({
                'left': '70%',
                'right': '-70%'
            }, 300);
        } else {
            $(elem).attr('rel', '');
            $('#mainContent').animate({
                'left': '0',
                'right': '0'
            }, 300);
        }
    }
// SIDEBAR
    function swSubmenu(elem) {
        $('.submenu').slideToggle('fast', function() {
            $(elem).parent().toggleClass('hasSubmenu');
        });
    }
</script>